<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="content">
	<div class="left">
		<ul>
			<li data-tpl="1">
				<img src="./images/tpl_01.jpg" alt="">
			</li>
		</ul>
	</div>
	<div class="middle">
		<div class="wrapper" style="width:600px;height:600px;" id="canvasWrapper">
			<div class="col col-1">
				<div class="row row-1"></div>
				<div class="row row-2"></div>
			</div>
			<div class="col col-2">
			</div>
		</div>
	</div>
	<div class="right" style="height:600px;">
		<div class="up">▲</div>
		<ul class="image-list" data-start='0'>
			<li>
				<img src="./images/1.jpg" alt="">
			</li>
			<li>
				<img src="./images/2.jpg" alt="">
			</li>
			<li>
				<img src="./images/3.jpg" alt="">
			</li>
			<li>
				<img src="./images/4.jpg" alt="">
			</li>
		</ul>
		<div class="down">▼</div>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/dragging.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/puzzle.js"></script>
</body>
</html>